<template>
  <div class="popover">
    <div class="contents">
      <slot></slot>
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="stylus" scoped>
  .popover 
    // min-width 60px
    width auto 
    min-height 32px 
    line-height 32px
    border-radius 5px 
    background rgba(0, 0, 0, 0.8)
    position relative 
    &:after
      content ''
      display block
      width 0
      height 0
      position absolute 
      border 8px dashed rgba(0,0,0,0.8) 
      border-color rgba(0,0,0,0.8)  transparent transparent transparent  
      left 50%
      transform translateX(-50%)
      bottom -16px 
      .contents 
        padding 0 10px 
   
</style>